@import './common.less';
.dailog-warrper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
}

.dailog-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: #000;
  opacity: 0.3;
}

.dailog {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  left: 50%;
  background: #fff;
  z-index: 15;
  text-align: center;
  box-shadow: 0 2px 2px 1px #fff;
  opacity: 1;
}

.drop-enter-active {
  transition: all 0.3s ease;
}

.drop-leave-active {
  transition: all 0.3s ease;
}

.drop-enter {
  opacity: 0;
}

.drop-leave {
  opacity: 0;
}

.close-dailog {
  position: absolute;
  top: 0.533333rem;
  right: 0.533333rem;
  width: 0.36rem;
  height: 0.36rem;
  .bg-image('../images/close');
  background-size: cover;
}





/*公共部分*/

.common {
  .btn {
    width: 3.413333rem;
    .line-height(1.066667rem, 1.066667rem);
    color: #fff;
    .font-dpr(17px);
    font-weight: bold;
    background: rgb(206, 55, 55);
    margin-top: 1.066667rem;
    box-shadow: 0px 2px 2px 1px rgba(255, 55, 55, 0.5);
  }
}






/*好友帮忙弹窗*/

.help-alert {
  padding: 1.466667rem 1.466667rem 0.853333rem 1.466667rem;
  &__text {
    .font-dpr(17px);
    color: #000;
    font-weight: bold;
    line-height: 1.5;
  }
  &__btn {
    .common>.btn;
  }
}







/*提交信息弹窗*/

.from-alert {
  padding: 1.466667rem 0.746667rem 1.066667rem 0.746667rem;
  .big-text {
    color: #000;
    .font-dpr(15px);
    font-weight: bold;
    line-height: 1.5
  }
  .mgb-56 {
    margin-bottom: 0.746667rem;
  }
  .small-text {
    .font-dpr(12px);
    margin-bottom: 0.4rem;
  }
  .nerror, .terror, .aerror{
    border: 1px solid #ff0000 !important;
  }
  .common-lable {
    display: flex;
    align-items: center;
    margin-bottom: 0.346667rem;
    border: 1px solid #ccc;
    >span {
      color: #aaa;
      .font-dpr(12px);
      padding-left: 0.32rem;
    }
  }
  .error-style {
    color: #ff0000;
    .font-dpr(18px);
     margin-right: 0.133333rem;
  }
  .common-input {
    flex: 1;
    height: 0.933333rem;
    .font-dpr(12px);
    color: #aaa;
    padding-left: 0.16rem;
    border-radius: 2px;
    box-sizing: border-box;
  }
  &__adress {
    margin-bottom: 0 !important;
  }
  &__btn {
    .common>.btn;
  }
}





/*分享*/

.share-alert {
  padding: 1.466667rem 1.04rem 1.066667rem 1.04rem;
  &__h3title {
    color: #000;
    .font-dpr(17px);
    margin-bottom: 0.693333rem;
  }
  .f15 {
    line-height: 1.5;
    .font-dpr(15px)
  }
  .mgb-28 {
    margin-bottom: 28px;
  }
  &__code {
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 auto;
  }
  .code {
    width: 2.4rem;
    height: 2.4rem;
    >img{
      width:100%;
      height: 100%;
    }
  }
  .f12 {
    .font-dpr(12px);
    color: #aaa;
  }
  .mgt-24 {
    margin-top: 0.32rem;
  }
  &__btn {
    .common>.btn
  }
}




/*查看物流*/

.logistics-alert {
  padding: 1.466667rem 1.04rem 1.066667rem 1.04rem;
  &__h3title {
    .font-dpr(17px);
    line-height: 1.5;
    color: #000;
  }
  .mgb-82 {
    margin-bottom: 1.093333rem;
  }
  &__img {
    width: 2.733333rem;
    margin: 0 auto;
    >img {
      width: 100%;
    }
  }
  &__btn {
    .common>.btn;
  }
  .mgb-64 {
    margin-bottom: 0.853333rem;
  }
}




/*邀请*/

.invitation-alert {
  &__img {
    width: 2.4rem;
    margin: 0 auto;
    >img {
      width: 100%;
    }
  }
}
